---
type: tutorial
title: Déployez votre site sur le web
description: |-
  Tutoriel : Construisez votre premier blog Astro —
  Connectez votre dépôt GitHub de tutoriel à Netlify et déployez-le sur le web
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
  - Ajoutez votre dépôt GitHub comme nouvelle application Netlify
  - Déployez votre site Astro sur le web
</PreCheck>

Ici, vous allez connecter votre dépôt GitHub à Netlify. Netlify utilisera ce projet pour construire et déployer votre site en direct sur le web chaque fois que vous validerez un changement dans votre code.

:::tip[Nous utiliserons...]
Ce tutoriel utilisera **Netlify**, mais vous pouvez utiliser le service d'hébergement de votre choix pour déployer votre site sur Internet.
:::

## Créez un nouveau site Netlify

<Steps>
1. Créez un compte gratuit sur [Netlify](https://netlify.com) si vous n'en avez pas déjà un.

    Prenez note de votre nom d'utilisateur. Vous pourrez afficher votre tableau de bord et tous les sites que vous créez à l'adresse `https://app.netlify.com/teams/nom-d-utilisateur`

2. Cliquez sur <kbd>Ajouter un nouveau site</kbd> > <kbd>Importer un projet existant</kbd>.

    On vous demandera de vous connecter à un fournisseur Git. Choisissez GitHub et suivez les étapes à l'écran pour authentifier votre compte GitHub. Ensuite, choisissez le dépôt GitHub de votre projet Astro dans la liste fournie.

3. À la dernière étape, Netlify vous montrera les paramètres de votre site. Les valeurs par défaut devraient être correctes pour votre projet Astro, vous pouvez donc faire défiler vers le bas et cliquer sur <kbd>Déployer le site</kbd>.
</Steps>

Félicitations, vous avez un site Astro !

## Changez le nom de votre projet

Sur la page d'aperçu de votre site dans Netlify, vous verrez le nom de projet généré aléatoirement, ainsi que l'URL de votre site sous la forme `https://nom-du-projet-123456.netlify.app`. Vous pouvez changer le nom de votre projet pour quelque chose de plus mémorable, et cela mettra automatiquement à jour votre URL.

## Visitez votre nouveau site

Cliquez sur l'URL dans les paramètres de votre site, ou saisissez-la dans une fenêtre de navigateur pour afficher votre nouveau site web.



<Box icon="question-mark">

### Testez vos connaissances



Vous souhaitez mettre à jour la page d'accueil de votre site web existant. Quelles étapes suivez-vous ?

  <MultipleChoice>
    <Option>
      J'ouvre un terminal, exécute `create astro`, puis visite mon URL Netlify.
    </Option>
    <Option>
      Je modifie un paramètre dans mon application Netlify, puis crée un nouveau projet Astro sur StackBlitz.
    </Option>
    <Option isCorrect>
      Je fais une modification dans `index.astro`. Je valide et pousse mes modifications vers GitHub. Netlify gérera le reste !
    </Option>
  </MultipleChoice>
 </Box>

<Box icon="check-list">
## Liste de contrôle

<Checklist>
- [ ] Je peux voir mon site web mis à jour en ligne.
- [ ] Je suis prêt à revenir à la programmation !
</Checklist>
</Box>

### Ressources

- <p>[Guide étape par étape pour le déploiement sur Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) <Badge>externe</Badge></p>
